<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Title</title>
    <link rel="stylesheet" href="../static/css/components.css">

    <link rel="stylesheet" href="../static/css/responsee.css">
    <link rel="stylesheet" href="../static/owl-carousel/owl.carousel.css">
    <link rel="stylesheet" href="../static/owl-carousel/owl.theme.css">
    <!-- CUSTOM STYLE -->
    <link rel="stylesheet" href="../static/css/template-style.css">

    <script type="text/javascript" src="../static/js/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="../static/js/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
            crossorigin="anonymous"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
            crossorigin="anonymous"></script>
    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
            crossorigin="anonymous"></script>

</head>

<body class="size-1280 slide-to-left">
<nav class="slide-nav aside-nav">
    <ul>
        <li><a href="http://localhost:8000">首页</a></li>
        <li>
            <a>学生电脑推荐</a>
            <ul>
                <li><a href="/game/">游戏本</a></li>
                <li><a href="/light/">轻薄本</a></li>
            </ul>
        </li>
        <li>
            <a href="/work/">办公笔记本推荐</a>
        </li>
        <li><a href="/forum/">论坛</a></li>
        <li><a href="/config/">模拟装机</a></li>
    </ul>
</nav>
<section class="slide-content">
    <header>
        <!-- LOGO -->
        <nav>
            <div class="line">
                <div>
                    <a href="/logingoto/" style="font-size:20px;display: block;text-align:right;">登录</a>
                </div>
            </div>
        </nav>
    </header>
    <section class="text-center">
        <!-- CAROUSEL -->
        <div class="container-fluid">
            <div class="row">
                <div class="col">
                    <table class="table table-hover">
                        <tbody>
                        <tr>
                            <th colspan="3">配置</th>
                            <th>单价</th>
                            <th>个数</th>
                            <th>小计</th>
                        </tr>

                        <tr class="trow">
                            <th class="row">CPU</th>
                            <td><img src="{{configuration.CPU.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.CPU.Name}}</td>
                            <td><span class="singlePrice">{{configuration.CPU.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.CPU.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">主板</th>
                            <td><img src="{{configuration.Mboard.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.Mboard.Name}}</td>
                            <td><span class="singlePrice">{{configuration.Mboard.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.Mboard.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                   <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">显卡</th>
                            <td><img src="{{configuration.GPU.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.GPU.Name}}</td>
                            <td><span class="singlePrice">{{configuration.GPU.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.GPU.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">运行内存</th>
                            <td><img src="{{configuration.RAM.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.RAM.Name}}</td>
                            <td><span class="singlePrice">{{configuration.RAM.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.RAM.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">机械硬盘</th>
                            <td><img src="{{configuration.HDD.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.HDD.Name}}</td>
                            <td><span class="singlePrice">{{configuration.HDD.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.HDD.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">固态硬盘</th>
                            <td><img src="{{configuration.SSD.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.SSD.Name}}</td>
                            <td><span class="singlePrice">{{configuration.SSD.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.SSD.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">电源</th>
                            <td><img src="{{configuration.Power.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.Power.Name}}</td>
                            <td><span class="singlePrice">{{configuration.Power.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.Power.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                   <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">机箱</th>
                            <td><img src="{{configuration.Chassis.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.Chassis.Name}}</td>
                            <td><span class="singlePrice">{{configuration.Chassis.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.Chassis.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>

                        <tr class="trow">
                            <th class="row">显示器</th>
                            <td><img src="{{configuration.Display.PID}}" style="height: 40px;width: 40px"></td>
                            <td>{{configuration.Display.Name}}</td>
                            <td><span class="singlePrice">{{configuration.Display.Price}}</span></td>
                            <td>
                                <div class="input-group-prepend">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="plus">+</span>
                                    </button>
                                    <input type="text" class="form-control" placeholder="" aria-label=""
                                           aria-describedby="basic-addon1" value="1">
                                    <button class="btn btn-outline-secondary" type="button">
                                        <span class="minus">-</span>
                                    </button>
                                </div>
                            </td>
                            <td>￥<span class="link-addPrice">{{configuration.Display.Price}}</span></td>
                            <td>
                                <button type="button" class="btn btn-outline-dark">
                                    <span class="del">
                                        <svg class="bi bi-arrow-clockwise" width="1em" height="1em" viewBox="0 0 16 16"
                                             fill="currentColor" xmlns="http://www.w3.org/2000/svg">
                                            <path fill-rule="evenodd"
                                                  d="M3.17 6.706a5 5 0 0 1 7.103-3.16.5.5 0 1 0 .454-.892A6 6 0 1 0 13.455 5.5a.5.5 0 0 0-.91.417 5 5 0 1 1-9.375.789z"/>
                                            <path fill-rule="evenodd"
                                                  d="M8.147.146a.5.5 0 0 1 .707 0l2.5 2.5a.5.5 0 0 1 0 .708l-2.5 2.5a.5.5 0 1 1-.707-.708L10.293 3 8.147.854a.5.5 0 0 1 0-.708z"/>
                                        </svg>
                                    </span>
                                </button>
                            </td>
                        </tr>
                        </tbody>
                        <tr>
                            <th colspan="5"></th>
                            <th colspan="2">合计:<span class="totalPrice"></span></th>
                        </tr>

                    </table>
                </div>
            </div>
        </div>
    </section>
    <!-- FOOTER -->
    <footer>

    </footer>
</section>
<script type="text/javascript" src="../static/js/responsee.js"></script>
<script type="text/javascript" src="../static/owl-carousel/owl.carousel.js"></script>
<script type="text/javascript">
    jQuery(document).ready(function ($) {
        var owl = $('#header-carousel');
        owl.owlCarousel({
            nav: false,
            dots: true,
            items: 1,
            loop: true,
            navText: ["&#xf007", "&#xf006"],
            autoplay: true,
            autoplayTimeout: 3000
        });
        var owl = $('#news-carousel');
        owl.owlCarousel({
            nav: false,
            dots: true,
            items: 1,
            loop: true,
            navText: ["&#xf007", "&#xf006"],
            autoplay: true,
            autoplayTimeout: 3000
        });
    })
</script>
<script src="../static/js/config.js"></script>
</body>

</html>



















